@blue:#1D70F5;
@white:#fff;
// 菜单收起时样式
.el-menu--vertical{
  .menuIcon{
    font-size: 24px;
    color: #333;
  }
  .menuTitle{
    color: #333;
  }
}
.menus{
  .menuIcon{
    height: 56px;
    line-height:56px;
  }
  .menuTitle{
    box-sizing: border-box;
    display: inline-block;
    width: 120px;
    padding-left: 4px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}
  .el-menu--collapse{
      .menuItem{
          .el-submenu__title{
            .menuTitle{
              display: none;
            }
            .el-submenu__icon-arrow{
                display: none;
            }
          }
      }
  }  
  .menus{
    background-color:#fff;
    .el-menu{
      background-color:#fff;
          // 一级菜单
        >.el-menu-item{
          box-sizing: border-box;
          background-color: #fff;
          border-left: 8px solid #fff;
          color: #222;
          &:hover{
            background-color: #ecf3ff;
            color: @blue;
          }
        }
        >.is-active{
          border-left: 8px solid @blue;
          background-color: #ecf3ff;
          color: @blue;
          i{
            color: @blue;
          }
        }
        // 多级菜单普通(收起)状态
        .el-submenu{
          box-sizing: border-box;
          border: none;
          .el-submenu__title{
            background-color: #fff;
            color: #222;
            &:hover{
              background-color: #ecf3ff;
              color: @blue;
            }
          }
        }
        // 多级菜单展开状态
        .is-opened{
          >.el-submenu__title{
            &:hover{
              background-color: #fff;
              color: @blue;
            }
          }
          >.el-menu{
            >.el-menu-item{
              box-sizing: border-box;
              background-color:#fff;
              // border-left: 8px solid #fff;
              color: #222;
              &:hover{
                color: @blue;
                background-color:#ecf3ff;
              }
            }
            >.is-active{
              // border-left: 8px solid @blue;
              background-color: #ecf3ff;
              color: @blue;
              &:hover{
                color: @blue;
              }
            }
          }
        }
      }
    .footer{
      border-top: 1px solid #f2f2f2;
    }

  }
  .top{
    .userControl .el-dropdown {
        color: #fff;
        .avator{
          color: @blue;
          background-color: #fff;
        }
    }
  }
  .tab{
    [class^='el-icon-d-arrow']:hover{
      color: @blue;
    }
    .active{
      border-bottom: 2px solid @blue;
    }
    .index{
      color:@blue;
    }
  }
  .welPage{
    .text,.symbol svg{
      color: @blue;
    }
  }
  .formContainer{
    .el-button--primary {
        background-color:@blue;
        border-color: @blue;
        &:hover,&:focus{
          background-color:#40a9ff;
          border-color:#40a9ff;
        }
    }
    .el-button--primary.is-plain{
        color: @blue;
        background-color:#fff;
        border-color: @blue;
        &:hover,&:focus{
            color: #fff;
            background-color:@blue;
            border-color:@blue;
          }
    }
  }
  .tableToolContainer{
      .el-button--success {
          color: #fff;
          background-color:#0db6cc;
          border-color:#0db6cc;
          &:hover,&:focus{
            color: #fff;
            background-color:#0db6cc;
            border-color:#0db6cc;
          }
      }
      .el-button--primary {
          background-color:@blue;
          border-color: @blue;
          &:hover,&:focus{
            background-color:#40a9ff;
            border-color:#40a9ff;
          }
      }
  }
  .tableContainer{
    .el-button--primary {
        background-color:#ecf5ff;
        border-color: #b3d8ff;
        color: @blue;
        &:hover,&:focus{
          background-color:@blue;
          border-color:@blue;
          color: #fff;
        }
    }
    .el-button--cyan{
        color:#0db6cc;
        background-color:#fff;
        border-color:#0db6cc;
        &:hover,&:focus{
          color: #fff;
          background-color:#0db6cc;
          border-color:#0db6cc;
        }
    }
  }
  .el-pagination.is-background .el-pager li:not(.disabled).active {
      background-color:@blue;
  }
  .el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner {
      background-color: @blue;
      border-color: @blue;
  }
  .el-checkbox__input.is-checked+.el-checkbox__label {
      color:@blue;
    }
  .el-checkbox__inner:hover {
      border-color:@blue;
  }
  .subscribeShow .detail>.title,
  .appDeatil .title{
    color:@blue;
    &:before{
      background-color: @blue;
    }
  }
  .el-table__body tr.current-row > td{
    color:#fff;
    background-color: @blue !important;
  }



